main {
  margin-top: -60px;
  background-color: #fafafa;
}
.main-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hot-search h1 {
  font-size: 24px;
  color: #333333;
  text-align: center;
  position: relative;
  margin: 56px auto 28px;
  width: 551px;
  line-height: 28px;
}
.hot-search h1::after {
  content: ' ';
  display: inline-block;
  width: 551px;
  height: 9px;
  background: url(../../images/common/hot_search.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 11px;
}
.hot-search .more-hot-search {
  font-size: 12px;
  color: #ff8b0d;
  display: block;
  text-align: right;
  margin-right: 1px;
}
.hot-search .more-hot-search i {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(../../images/common/more_hot_search.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 3px;
  vertical-align: middle;
}
.hot-search ul {
  display: flex;
  flex-wrap: wrap;
}
.hot-search ul li {
  margin-bottom: 14px;
  width: 74px;
  margin-right: 113px;
}
.hot-search ul li a {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 1px;
  font-size: 14px;
}
.hot-search ul li:nth-child(8n) {
  margin-right: 0;
}
.hot-search ul li a i {
  background: url(../../images/web/classify/title_before.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 10px;
  height: 16px;
  vertical-align: text-bottom;
  margin-right: 3px;
}
/* banner */
.sec-mainM {
  width: 930px;
  height: 418px;
  position: relative;
}
.sec-mainM .swiper {
  width: 930px;
  height: 418px;
}
.sec-mainM .swiper .swiper-slide img {
  display: block;
  width: 930px;
  height: 418px;
}
.sec-mainM .swiper-pagination {
  bottom: 20px;
}
.sec-mainM .swiper-pagination-bullet {
  background: rgba(255, 255, 255);
  opacity: 0.5;
}
.sec-mainM .swiper-pagination-bullet-active {
  background: #ff8b0d;
  opacity: 1;
}
/* 热搜榜 */
.slideBanner {
  width: 440px;
  height: 418px;
  border: 1px solid #f0f0f0;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1;
}
.slideBanner .hd {
  display: flex;
}
.slideBanner .hd ul {
  display: flex;
  position: relative;
}
.slideBanner .hd .line {
  display: inline-block;
  border-bottom: 2px solid #c9c9c9;
  flex: 1;
  position: relative;
}
.slideBanner .hd .line .refresh {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #999999;
  line-height: 16px;
  cursor: pointer;
  margin-top: 2px;
  position: absolute;
  right: 0;
}
.slideBanner .hd .line .refresh:hover {
  color: #ff8b0d;
}
.slideBanner .hd .line .refresh i {
  background: url(../../images/common/refresh.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.slideBanner .hd .line .refresh:hover i {
  background: url(../../images/common/refresh_hover.png) no-repeat;
}
.slideBanner .hd ul li {
  cursor: pointer;
  width: 104px;
  padding-bottom: 6px;
  margin-right: 2px;
  text-align: center;
  line-height: 22px;
  font-size: 16px;
  color: #666;
  border-bottom: 2px solid #c9c9c9;
  float: left;
}

.slideBanner .hd ul li.on {
  box-sizing: border-box;
  width: 104px;
  border-bottom: 2px solid #ff8b0d;
  font-weight: 600;
  color: #222;
}

.slideBanner .bd li {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.slideBanner .bd .title {
  color: #999999;
  padding: 0 56px 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slideBanner .bd li .rank {
  width: 16px;
  height: 20px;
  display: inline-block;
  color: #888888;
  font-weight: 600;
  margin-right: 12px;
  line-height: 20px;
  padding-left: 2px;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: center;
}
.slideBanner .bd li .rank1 {
  background: url(../../images/common/rank1.png);
  background-size: 100% 100%;
}
.slideBanner .bd li .rank2 {
  background: url(../../images/common/rank2.png);
  background-size: 100% 100%;
}
.slideBanner .bd li .rank3 {
  background: url(../../images/common/rank3.png);
  background-size: 100% 100%;
}
.slideBanner .bd li a {
  display: inline-block;
  width: 268px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  flex-shrink: 0;
}

.slideBanner .bd li:hover a {
  color: #ff8b0d;
}
.slideBanner .bd li .atar_Show {
  margin-left: 24px;
}
.atar_Show {
  background: url(../../images/common/fire.png);
  width: 80px;
  height: 16px;
  position: relative;
  float: left;
}

.atar_Show p {
  background: url(../../images/common/fire_all.png);
  left: 0;
  width: 80px;
  height: 16px;
}

/* 现货供应商 */
.spot-suppliers {
  height: 326px;
  width: 100%;
  background: url(../../images/web/index/spotBg.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 20px;
  padding: 20px 40px 40px;
  box-sizing: border-box;
  overflow: hidden;
}
.spot-suppliers .title {
  width: 214px;
  height: 46px;
  background: url(../../images/web/index/spot_suppliers_title.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 20px;
}
.spot-suppliers-list {
  width: 1310px;
  height: 200px;
  overflow: hidden;
}
.spot-suppliers-list ul li {
  float: left;
  margin-right: 20px;
}
.spot-suppliers-list ul li > div {
  text-align: center;
  width: 246px;
  height: 200px;
  background: url(../../images/web/index/spot_suppliers_bg.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 24px;
  box-sizing: border-box;
}
.spot-suppliers-list ul li img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: 1px solid #dddddd;
  object-fit: contain;
  background-color: #fff;
}
.spot-suppliers-list ul li h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 8px auto 4px;
}
.spot-suppliers-list ul li p {
  line-height: 18px;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 auto;
}
.spot-suppliers-list ul li div:hover {
  background: url(../../images/web/index/spot_suppliers_bg_hover.png) no-repeat;
  background-size: 100% 100%;
}

.spot-suppliers-list ul li div:hover h3 {
  color: rgba(255, 255, 255);
}
.spot-suppliers-list ul li div:hover p {
  color: rgba(255, 255, 255, 0.75);
}
.latest-info,
.hot-ic {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 20px;
}
.latest-info > div,
.hot-ic > div {
  border: 1px solid #f0f0f0;

  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}
.latest-info > div {
  height: 418px;
}
.hot-ic > div {
  height: 410px;
}
.latest-info .latest_title,
.hot-ic .latest_title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  width: 100%;
  display: flex;
}
.latest-info .latest_title .line,
.hot-ic .latest_title .line {
  display: inline-block;
  border-bottom: 2px solid #c9c9c9;
  flex: 1;
}
.latest-info .latest_title h2,
.hot-ic .latest_title h2 {
  flex-shrink: 0;
  width: 96px;
  border-bottom: 2px solid #ff8b0d;
  line-height: 22px;
  text-align: center;
  margin-right: 2px;
  padding-bottom: 6px;
  box-sizing: border-box;
  text-align: left;
}
.latest_title .line .seeMore {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #999999;
  line-height: 26px;
  cursor: pointer;
}
.latest_title .line .seeMore {
  color: #2653ff;
  font-size: 14px;
}

.latest_title .line .seeMore i {
  background: url(../../images/common/seeMore.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
}

.latest-info .sheet_table {
  border-collapse: collapse;
}
.latest-info .sheet-table {
  overflow: hidden;
  height: 312px;
}
.latest-info .sheet_table td {
  padding: 6px 12px 6px 0;
  display: inline-block;
  box-sizing: border-box;
}
.latest-info .sheet_table td span,
.latest-info .sheet_table td a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60px;
  display: inline-block;
  font-size: 14px;
}
.latest-info .sheet_table td.model a {
  width: 240px;
}
.latest-info .sheet_table td.brand {
  width: 142px;
}
.latest-info .sheet_table td.brand span {
  width: 130px;
  padding-right: 0;
}
.latest-info .sheet_table td.company,
.latest-info .sheet_table td.company a {
  width: 192px;
  padding-right: 0;
}

.latest-info .sheet_table tr {
  border-bottom: 1px dashed #eeeeee;
  display: flex;
}
.latest-info .sheet_table tr:last-child,
.latest-info .sheet_table .th {
  border-bottom: none;
}
.latest-info .sheet_table .th th {
  height: 0px;
  padding: 0;
  margin: 0;
}
.supply_sheet {
  width: 770px;
}
.latest-info .sheet_title {
  padding-top: 12px;
  height: 28px;
  box-sizing: border-box;
  display: flex;
  margin-bottom: 6px;
}
.latest-info .sheet_title span {
  display: inline-block;
  color: #999999;
  flex-shrink: 0;
}
.latest-info .sheet_title .model {
  width: 252px;
}
.latest-info .sheet_title .brand {
  width: 142px;
}
.latest-info .sheet_title .company {
  width: 192px;
}
.latest-info .sheet_title .number,
.latest-info .sheet_title .batch {
  width: 72px;
}
.latest-info .sheet_title .time {
  width: 56px;
}

.procure_sheet {
  width: 598px;
}
.procure_sheet .sheet_title .model {
  width: 266px;
}
.procure_sheet .sheet_table td.model a {
  width: 240px;
}
.procure_sheet .sheet_table td {
  padding-right: 26px;
}
.procure_sheet .sheet_title .number {
  width: 86px;
}
.procure_sheet .sheet_table td.time {
  padding-right: 0;
}
.hot_ic {
  width: 935px;
}
.technical_data {
  width: 435px;
}
.hot_ic .list,
.technical_data .list {
  padding-top: 22px;
}

.hot_ic .list li,
.technical_data .list li {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  display: block;
  margin-bottom: 13px;
}
.technical_data .list li {
  position: relative;
  padding-left: 14px;
}
.technical_data .list li::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #a3a3a3;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hot_ic .list li {
  float: left;
  margin-right: 27px;
}
.technical_data .list li:last-child {
  margin-bottom: 0;
}
.hot_ic .list li:nth-child(6n) {
  margin-right: 0;
}
.hot_ic .list li a {
  width: 126px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.technical_data .list li a {
  height: 20px;
  line-height: 20px;
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 广告 */
.ad-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.ad-item > div {
  position: relative;
}
.ad-item > div,
.ad-item > div img {
  width: 685px;
  height: 100px;
}
/* vip会员 */

.vip {
  background: url(../../images/web/index/vipBg.png);
  background-size: 100% 100%;
  display: inline-block;
  width: 1390px;
  height: 582px;
  padding: 20px 105px 40px 105px;
  box-sizing: border-box;
  margin-top: 20px;
}
.vip .title {
  background: url(../../images/web/index/vip_title.png);
  background-size: 100% 100%;
  display: block;
  width: 368px;
  height: 42px;
  margin: 0 auto;
}
.vip-list {
  margin-top: 20px;
  width: 1200px;
  height: 480px;
  overflow: hidden;
}

.vip-list .swiper-wrapper {
  width: 1180px;
  height: 480px;
}
.vip-list .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  height: 480px;
  overflow: hidden;
  float: left;
}

.vip-list .swiper-slide div:nth-child(5n) {
  margin-right: 0;
}
.vip-list .swiper-slide > div {
  text-align: center;
  width: 220px;
  height: 220px;
  background: url(../../images/web/index/vip_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 32px 20px 0;
  box-sizing: border-box;
  margin: 0px 20px 20px 0;
}
.vip-list .swiper-slide > div:hover {
  background: url(../../images/web/index/vip_bg_hover.png) no-repeat;
  background-size: 100% 100%;
}
.vip-list .swiper-slide > div img {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  border: 1px solid #dddddd;
  object-fit: contain;
  background: #fff;
}
.vip-list .swiper-slide > div h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width: 180px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  margin-top: 12px;
}
.vip-list .swiper-slide > div:hover h3 {
  color: rgba(255, 255, 255);
}

/* 友情链接 */
.friendly-Links {
  padding: 20px;
  margin-top: 20px;
  background: #ffffff;
}
.friendly-Links h2 {
  height: 22px;
  font-size: 16px;
}
.friendly-Links h2 span {
  color: #ff8b0d;
}
.friendly-Links h2 i {
  font-size: 14px;
  color: #b8b8b8;
  margin-left: 4px;
}
.friendly-Links a {
  color: #666666;
  margin: 12px 20px 0 0;
  display: inline-block;
}

.friendly-Links a:hover {
  color: #ff8b0d;
}
/* banner弹幕 */
.danmu_outer {
  width: 314px;
  height: 306px;
  position: absolute;
  top: 0px;
  right: 24px;
  left: auto;
}
.overflow-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  clear: both;
  padding: 0 10px 0 40px;
  border-radius: 10px;
  box-sizing: border-box;
  max-width: 100%;
  color: #fff;
  position: relative;
}

.overflow-text .spanImg {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0;
  top: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overflow-text img {
  height: 26px;
}